﻿body { color: #333;	margin: 0; padding: 0; background: White;  }

a { color: #0066CC; }

body, td, th, h3, textarea, input, select {
	font-family: Sans-Serif, Verdana;
	font-size:  .85em;
}

#LoadingSpan 
{
	background-color: #CC3333;
	position:absolute;
	top:0;
	right:0;
	color: White;
	padding: 2px;
}

.smallText { font-size: small; }

#wrap {
	position: relative;
	text-align: left;
	background: #fff;
	margin: 0 auto;
	padding: 0 0px 0 0px;
	min-width: 600px;
	max-width: 100%;
}

#header { width: 100%; margin: 0px; background-color: #90B4CF; background-image: url(images/gradients/blue.gif); color: White;  }
#header A { color: White; font-weight: bold; text-decoration: none;}
#headerLogo { font-size:36px; font-weight: bolder; font-family: "Trebuchet MS", Sans-Serif, Verdana;}
#headerTagLine { color: White; margin-left:8px; font-weight: bold; font-size: .9em; font-family: "Trebuchet MS", Sans-Serif, Verdana; }
#headerLinks A { padding: 8px 8px 8px 8px; }

#breadcrumbs { width: 100%; font-size: 1.1em; padding: 1px 0px 1px 0px; background-color: #A8CC45; background-image: url(images/gradients/green.gif); color: Black; font-weight: bold; }
#breadcrumbs A { color: White; font-weight: bold; }

#topAds { margin: 18px 0px 18px 0px; width:99%; text-align: center; background-color: #FFFFFF;}

.LargeInput 
{
	font-size: 1.5em; 
	border: 1px solid #BAFEB1;
	color: #3E79A4;
	padding: 2px;
	background: url(images/gradients/formBackground.gif) repeat-x; }
	
	.LargeInputLabel
{
	font-size: 1.3em; 
	color: #404048;
	
}

.PopularStoryListHeader { font-size: 1.1em; padding: 4px 4px 4px 4px; }
.PopularStoryHeaderLink {  padding: 0px 0px 0px 6px; background: url(images/divider.gif) 0 100% no-repeat; }
.PopularStoryHeaderLinkSelected { color: #85A237; }
.PopularStoryHeaderLinkChanging { color: Gray; }
.PopularStoryHeaderLinkSelected, .PopularStoryHeaderLinkChangingSelected { font-weight: bold; text-decoration: none; font-size: 1.3em; }

.PageCaption
{
	font-size: 2em;
	width:100%;
	border-bottom-style: solid;	
	border-bottom-width: 1px;
}

.PageSmallCaption
{
	font-size: 1.4em;
	width:100%;
	border-bottom-style: dashed;	
	border-bottom-width: thin;
	border-bottom-color: #bbbbbb;
}


.StoryListHeaderCaption { font-size: 1.6em; }
.StoryListHeaderSecondaryCaption { text-align: right; }


.MainContentTD { vertical-align: top; min-width: 800px; width:100%; padding-right: 4px; }
.LeftContentTD { vertical-align: top; min-width: 0px; max-width: 140px; }
.RightContentTD { vertical-align: top; min-width: 0px; width: 140px; padding-right: 6px; }

.SimpleTable { width: 100%; padding: 0px; font-size: inherit;}
.WideTable { width: 100%; padding: 0px; margin: 0px; }

.Thumbnail { border: solid 5px #EEEEEE; padding: 5px; margin: 5px 5px 20px 0px; }

.storySummaryTable 
{
	width: 100%;
	padding: 4px 4px 4px 4px;
	margin: 12px 0 0 0;
	
}

.storySummaryTableOdd 
{
	border-style: solid;
	border-color: #F9F9F9;
	border-width: 1px;
}

.storySummaryTableEven 
{
	background-color: #F8F8F8;
	border-style: solid;
	border-width: 1px;
	border-color: #F2F2F5;
}


.storySummaryKickTD 
{
	width: 60px;
	vertical-align: top;
}

.storyKickCount 
{
	background-color: #F1E6AA;
	text-align: center;
	font-weight: bold;
	width: 60px;
	height: 53px;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.storyKickCount a {	text-decoration: none; }
.storyKickCount1 {  font-size: 2em; color: #949494; background-color: #E5EDF4; background-image: url(images/gradients/storyKickCount1.gif); background-repeat:no-repeat;	 }
.storyKickCount1 a { color: #949494; }
.storyKickCount10 { font-size: 2em; color: #949494; background-color: #D4E1ED; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount10 a { color: #6C6C6C; }
.storyKickCount100 { font-size: 1.7em; color: #949494; background-color: #BED7EA; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount100 a { color: Black; }
.storyKickCount1000 { font-size: 1.4em; color: #949494; background-color: #AACAE2; background-image: url(images/gradients/storyKickCount10.gif); }
.storyKickCount1000 a { color: Black; }

.storyKickIt {
	background-color: White;
	border: #c0c0c0 1px solid;
	text-align: center;
	padding: 3px 3px 3px 3px;
	margin-top: 4px;
}

.storyKickIt a 
{
	color: #0066CC;
	font-weight: bold;
}

.storyKicked
{
	background-color: #9EC630;
	background-image: url(images/gradients/green.gif);
	text-align: center;
	padding: 4px 4px 4px 4px;
	margin-top: 4px;
	font-size:.9em;
}

.storyKicked a { color:White; font-weight:bold; text-decoration: none; }

.storySummaryMainTD 
{
	vertical-align: top;
	padding: 0 0 0 8px;
}

.storyTitle { font-size: 1.4em;font-family: "Trebuchet MS", Sans-Serif, Verdana; }
.storySubmitted { font-size: .85em; margin-left: 8px; }
.storyActions { font-size: .85em; }

.storyTags 
{
	font-size: 1em;
	padding: 14px 14px 14px 14px;
	border: #eeeeee 1px solid;
	background-color: #E7F7FF;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.tagListSummary 
{
	float: right;
	font-size: 0.9em;
}

.tagCloud a { line-height: 1.4em; padding-right: 0.4em; }

.tag 
{
	text-decoration: none;
	padding: 4px 4px 4px 4px;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.oddTag { color: Green; }
.evenTag { color: #0066CC; }
.namespaceTag { border: dotted 1px #CCCCCC; padding: 4px; margin: 10px; color: #888746; background-color: #FDFDE8;}
.DNKTV_NamespaceTag {  }

.editableTagListTD { width: 300px; }

.Paging 
{
	font-size: 1.4em;
	width:100%;
	border-top-style: solid;	
	border-top-width: thin;
	text-align: right;
	font-family: "Trebuchet MS", Sans-Serif, Verdana;
}

.PagingPrevious, .PagingNext 
{
	padding: 4px 4px 4px 4px;
}

.PagingInfo 
{
	
}

#footer { width: 100%; margin-top: 60px; font-size:0.9em; text-align:right; background-color: #90B4CF; background-image: url(images/gradients/blue.gif); color: White; padding: 4px 0px 4px 0px; }
#footer A { color: White; font-weight: bold; text-decoration: none;}

.GreenPanel {
	width:200px;
	background-image: url(images/gradients/GreenPanel.gif); 
	padding: 8px 8px 8px 8px;
	margin: 14px 0 0 0;
    border: #85FF7C 1px solid;						
}
.GreenPanelCaption, .GreenPanelPlainCaption { font-size: 1.2em; font-weight:bold; }

.GreenPanelPlain {
	width:200px;
	background-color: #F0FEF1;
	padding: 8px 8px 8px 8px;
	margin: 14px 0 0 0;
    border: #85FF7C 1px solid;
}

.SideBarLink 
{
	font-weight: bold;
	margin-left: 12px;
	margin-top: 10px;
}

.LightLink a, .ReportAsSpamLink a
{
	font-weight: normal;
	font-size: 0.7em;
	color: #b0b0b0;
}

.ReportAsSpamLink a
{
	font-size: 0.9em;
}


.ModeratorLink a
{
		font-size: 0.9em;
		color: Red;
}

.FormTable 
{
	width: 100%;
}

.FormTD
{
	padding: 8px 8px 8px 8px;
}


.FormTitle 
{
	text-align: right;
	vertical-align: top;
	padding-top: 12px;
	width: 150px;
	background-color: White;
	font-weight: bold;
}

.FormInput 
{
	vertical-align: top;
	text-align: left;
	background-color: White;
}

.FormButtons 
{
}

.FormHelp 
{
	font-size: .9em;
	color: Gray;
}
	
.ValidationMessage 
{
	vertical-align: top;
	text-align: left;
	color: Red;
}
.HelpDiv 
{
	padding: 20px 20px 20px 20px;
	background-color: #f6f6f6;
	font-size: 1.4em;
}

.HelpTitle
{
	background-color: #f6f6f6;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
}

.HelpAnswer
{
	background-color: White;
	padding: 10px 10px 10px 10px;
}


.Comment { padding: 12px 12px 12px 12px; margin-top: 8px; }
.CommentAuthor { text-align: right; font-size: 0.8em; }

.Comment 
{
	border-style: solid;
	border-color: #CCCCCC;
	border-width: 1px;
}

.CommentAlt 
{
	background-color: #F8F8F8;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
}


.flash {
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	margin: 0px 0px 8px 0px;
}

.flash-notice {
	background: #fff6bf url(images/icons/exclamation.png) center no-repeat;
	background-position: 15px 50%;
	border-top-color: #ffd324;
	border-bottom-color: #ffd324;
}

.flash-information {
	background: #b4ffb7 url(images/icons/information.png) center no-repeat;
	background-position: 15px 50%;
	border-top-color: green;
	border-bottom-color: green;
}

.flash-error {
	background: #ffd1c4 url(images/icons/error.png) center no-repeat;
	background-position: 15px 50%;
	border-top-color: #f00;
	border-bottom-color: #f00;
}